<template>
    <view class="telUnbind">
        <Navigation title="手机解绑" background="#fff" />
        <view class="ph-40 mt-20 bg">
            <u--form labelPosition="left" :model="model" ref="uForm" labelWidth="80" :labelStyle="{ fontSize: 32 }">
                <u-form-item label="+86" prop="name" borderBottom>
                    <u--input v-model="model.name" border="none" placeholder="请输入您的手机号" fontSize="16" type="number"></u--input>
                </u-form-item>
                <u-form-item label="验证码" prop="name" borderBottom>
                    <view class="f ai-c jc-s-b">
                        <u--input v-model="model.name" border="none" placeholder="请输入短信验证码" fontSize="16"></u--input>
                        <view class="w-1 h-40 su"></view>
                        <view class="fs-32 text-color ml-16">发送验证码</view>
                    </view>
                </u-form-item>
            </u--form>
        </view>
        <view :style="{ paddingBottom: safeAreaBottom + 'px' }" class="bot w-f">
            <view class="f jc-f-e h-136 ai-c ph-40">
                <view class="w-327 h-96 b-96 f ai-c jc-c fs-32 fw-600 text-color4 btn1 ml-16">取消</view>
                <view class="w-327 h-96 b-96 f ai-c jc-c fs-32 fw-600 text-color5 btn2 ml-16" @click="toConfirmLogOff">解绑</view>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const model = ref({
    name: '',
});
//底部安全距离
const systemInfo = uni.getSystemInfoSync();
let safeArea = systemInfo.safeArea;
let screenHeight = systemInfo.screenHeight;
let safeAreaBottom = screenHeight - safeArea.bottom;
</script>
<style lang="scss" scoped>
.telUnbind {
    min-height: 100vh;
    background: #f5f5f5;
    ::v-deep .u-form-item__body {
        padding: 34rpx 0 !important;
    }
    .btn1 {
        background: #f5f5f5;
    }
    .btn2 {
        background: #fabb3c;
    }
    .bot {
        position: fixed;
        left: 0;
        bottom: 0;
        background: #fff;
    }
    .bg {
        background: #fff;
    }
    .su {
        background: #faf4e9;
    }
}
</style>
